<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script src="../js/pixi.min.js"></script>
		<script type="text/javascript">
			var app=new PIXI.Application(700,480);
			document.body.appendChild(app.view);
			function add(src,x,y,shi){
				var yuans=new PIXI.Sprite.fromImage(src);
				yuans.x=x;
				yuans.y=y;
				if (shi==0) {
					yuans.with=200;
					yuans.height=200;
					
				}
				app.stage.addChild(yuans);
				
				yuans.interactive=true;
				return yuans;
			}
			 add("img/bg1.png",0,0,1);
			var yg1= add("img/sun.png",300,400,0);
			var yg2=add("img/sun.png",300,320,0);
			var yg3= add("img/sun.png",350,365,0);
			add("img/item.png",0,0,1);
			var yuans=new PIXI.Text("1000");
			yuans.x=10;
			yuans.y=60;
			app.stage.addChild(yuans);
			
			
			function yangg(){
				yg1.visible=false;
			}
			function yangg2(){
				yg2.visible=false;
			}
			function yangg3(){
			yg3.visible=false;
			}
			
			yg1.on("pointerdown",yangg);
			yg2.on("pointerdown",yangg2);
			yg3.on("pointerdown",yangg3);
			
			
			
		</script>
	</body>
</html>